<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片商城首页</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<?php
include 'header.php';
?>
<div id="content">
  <div id="left">
    <div id="subnav">
      <h3><img src="images/left.gif" />图书分类</h3>
      <h4><img src="images/login2.gif" /><a href="yuding.html">科技类</a></h4>
      <h4><img src="images/login2.gif" /><a href="yuding.html">教育类</a></h4>
      <h4><img src="images/login2.gif" /><a href="yuding.html">文艺类</a></h4>
      <h4><img src="images/login2.gif" /><a href="yuding.html">青春类</a></h4>
      <h4><img src="images/login2.gif" /><a href="yuding.html">励志类</a></h4>
      <h4><img src="images/login2.gif" /><a href="yuding.html">生活类</a></h4>
      <h4><img src="images/login2.gif" /><a href="yuding.html">管理类</a></h4>
    </div>
    <div id="bottom">
      <h3><img src="images/left.gif" />天天公告</h3>
      <ul>
        <li><a href="gonggao.html">图书是人类用来纪录</a></li>
        <li><a href="gonggao.html">公交车图书馆 </a></li>
        <li> <a href="gonggao.html">公交车图书馆</a></li>
        <li><a href="gonggao.html">图书是人类用来纪录 </a></li>
        <li><a href="gonggao.html">外国文学名著文库 4.3折起</a></li>
        <li><a href="gonggao.html">图书是人类用来纪录</a></li>
        <li><a href="gonggao.html">“图书”起源</a></li>
        <li> <a href="gonggao.html">海豚传媒股份有限公司</a></li>
        <li><a href="gonggao.html">图书是人类用来纪录</a></li>
      </ul>
    </div>
  </div>
  <div id="con">
    <div id="banner">
      <script language="javascript" src="js/pptBox.js"></script>
      <script>
     var box =new PPTBox();
     box.width = 510; //宽度
     box.height = 314;//高度
     box.autoplayer = 3;//自动播放间隔时间

     //box.add({"url":"图片地址","title":"悬浮标题","href":"链接地址"})
     box.add({"url":"images/js4.png","href":"","title":"悬浮提示标题1"})//url为换图片 href为点击后链接的地址
     box.add({"url":"images/js2.png","href":"","title":"悬浮提示标题2"})//url为换图片 href为点击后链接的地址
     box.add({"url":"images/js3.png","href":"","title":"悬浮提示标题3"})//url为换图片 href为点击后链接的地址
     box.add({"url":"images/js.png","href":"","title":"悬浮提示标题4"})//url为换图片 href为点击后链接的地址
     box.show();
    </script>
    </div>
    <div id="right">
      <h3><img src="images/right.gif" /><span>图书畅销榜</span></h3>
      <p id="rp"> <a href="yuding.html"><img src="images/1.gif" />平凡的世界 </a></p>
      <p> <a href="yuding.html"><img src="images/2.gif" />每天一份幸运惊喜</a></p>
      <p><a href="yuding.html"> <img src="images/3.gif" />遇见未知自己</a></p>
      <p><a href="yuding.html"> <img src="images/4.gif" />关系决定命运</a></p>
      <p><a href="yuding.html"> <img src="images/5.gif" />面向对象、数据库、API</a></p>
      <p><a href="yuding.html"> <img src="images/6.gif" /> 最丰富、权威、实用的专业</a></p>
      <p> <a href="yuding.html"><img src="images/7.gif" />情绪决定行为</a></p>
      <p> <a href="yuding.html"><img src="images/8.gif" />红军长征隐藏三十年的真相</a></p>
      <p> <a href="yuding.html"><img src="images/9.gif" />最丰富、权威、实用的专业</a></p>
      <p> <a href="yuding.html"><img src="images/10.gif" />性格决定命</a></p>
    </div>
    <div id="confooter">
      <h3><span class="hl"><img id="conimg" src="images/right5.gif" />推荐图书</span><span class="hr">更多推荐图书>></span></h3>
      <ul>
        <li><a href="tushuchangxiao.html"> <img src="images/ts1.jpg"  /></a>
          <h5><span>图书名称：</span><a href="#">正能量</a></h5>
          <p>性格决定命运情绪决定行为</p>
          <p>价格：<span>￥20.60</span></p>
        </li>
        <li> <a href="tushuchangxiao.html"><img src="images/ts2.jpg" /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html">遇见未知自己</a></h5>
          <p>每天一份幸运惊喜</p>
          <p>价格：<span>￥35.60</span></p>
        </li>
        <li> <a href="tushuchangxiao.html"><img src="images/ts3.jpg" /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html"> 不抱怨的世界</a></h5>
          <p>关系决定命运</p>
          <p>价格：<span>￥40.60</span></p>
        </li>
        <li><a href="tushuchangxiao.html"> <img src="images/ts4.jpg"   /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html"> 细说PHP</a></h5>
          <p>最理想的工具，易于使用</p>
          <p>价格：<span>￥23.30</span></p>
        </li>
        <li><a href="tushuchangxiao.html"> <img src="images/ts5.jpg"   /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html"> PHP精粹</a></h5>
          <p>面向对象、数据库、API</p>
          <p>价格：<span>￥20.60</span></p>
        </li>
        <li><a href="tushuchangxiao.html"> <img src="images/ts6.jpg"  /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html">PS照片处理</a></h5>
          <p> 最丰富、权威、实用的专业</p>
          <p>价格：<span>￥20.60</span></p>
        </li>
        <li id="zh"><a href="tushuchangxiao.html"> <img src="images/ts7.jpg"  /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html"> 精通CSS+DIV</a></h5>
          <p>注重实际操作，使读者在学</p>
          <p>价格：<span>￥20.60</span></p>
        </li>
        <li id="zh"> <a href="tushuchangxiao.html"><img src="images/ts8.jpg"   /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html">设计与布局</a></h5>
          <p>资深网页设计师倾心打造</p>
          <p>价格：<span>￥20.60</span></p>
        </li>
        <li id="zh"><a href="tushuchangxiao.html"><img src="images/tushu.gif" /></a>
          <h5><span>图书名称：</span><a href="tushuchangxiao.html">活人禁地</a></h5>
          <p>红军长征隐藏三十年的真相</p>
          <p>价格：<span>￥20.60</span></p>
        </li>
      </ul>
    </div>
  </div>
</div>
<?php
include 'footer.php';
?>
</body>
</html>
